<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>My Sweet Home</title>
<h:outputStylesheet name="css/jsfcrud.css"/>
    </h:head>
    <h:body>
        <ui:composition template="template/template.xhtml">
            <ui:define name="content">
                <div class="latestproperties">
                    <div class="search_form">
                        <h3>Search Property</h3>
                        <div class="search_row clearfix">
                            <label class="for"> Properties for : </label>  
                            <input name="srch_type" checked="checked" id="srch_type_all" value="" class="radio" type="radio"/> <span>All </span>  
                            <input name="srch_type" id="srch_type_buy" value="Sale" class="radio" type="radio"/> <span>Buy </span>  
                            <input name="srch_type" id="srch_type_rent" value="Rent" class="radio" type="radio"/><span>Rent </span>
                        </div>
                        <!--End chon theo "all". "buy"."Rent"-->

                        <div class="search_row clearfix">
                            <label> Location : </label>   
                            <select name="srch_location" id="srch_location" onchange="" class="fl select">
                                <option selected="selected" value="">All Locations </option>
                                <option value="AK">AK</option><option value="AR">AR</option>
                                <option value="CA">CA</option><option value="FL">FL</option>
                                <option value="HW">HW</option><option value="MN">MN</option>
                                <option value="SC">SC</option><option value="TX">TX</option>
                                <option value="MN">MN</option>
                                <option value="NJ">NJ</option><option value="NY">NY</option>
                                <option value="MA">MA</option>
                                <option value="NY">NY</option><option value="OTHER">OTHER</option> 
                            </select>  
                            <!-- Chon theo All Locations-->
                            <label class="spacer"> Area (Sq. Ft.) : </label>   
                            <select name="srch_area" id="srch_area" onchange="" class="select">
                                <option selected="selected" value="">All Area</option>                
                                <option value="100-1000">100-1000</option>
                                <option value="1000-2000">1000-2000</option>
                                <option value="2000-3000">2000-3000</option>

                            </select>
                            <!--  Chon theo Area-->
                        </div>

                        <div class="search_row clearfix">
                            <label>Price Range : </label>   
                            <select name="srch_price" id="srch_price" onchange="" class="fl select">
                                <option selected="selected" value="">All Price Range in $ </option>
                                <option value="100-1000">100-1000</option>
                                <option value="1000-2000">1000-2000</option>
                                <option value="2000-5000">2000-5000</option>
                                <option value="5000-10000">5000-10000</option>
                                <option value="10000">10000</option><option value="150000">150000</option>
                                <option value="150000+">150000+</option>				       	   
                            </select>
                            <!--End price-->
                            <label class="spacer"> Keyword : </label>   
                            <input name="srch_keyword" id="srch_keyword" class="textfield" value="City, State or Zip Code" 
                                   onblur="if (this.value == '') {this.value = 'City, State or Zip Code';}" 
                                   onfocus="if (this.value == 'City, State or Zip Code') {this.value = '';}" type="text"/>
                        </div>

                        <div class="search_row clearfix">
                            <label>Bedrooms : </label>   
                            <select name="srch_bedrooms" id="srch_bedrooms" onchange="" class="fl select select_s">
                                <option selected="selected" value="">All Bedrooms </option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7+">7+</option>
                            </select>
                            <label class="spacer2"> Bathroom : </label>   
                            <select name="srch_bathroom" id="srch_bathroom" onchange="" class="fl select select_s">                            
                                <option selected="selected" value="">All Bathroom</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5+">5+</option>
                            </select>
                            <div class="b_search_properties b_spacer"> <a href="#">Search Properties</a></div>
                        </div>  
                    </div>
                    <!--End Search Form-->

                    <div class="property_id_search">   
                        <h3>Property ID </h3>
                        <label>Property ID : </label>
                        <input name="srch_property_id" id="srch_property_id" class="textfield" type="text"/>
                        <div class="b_search_properties clearfix"> <a href="#">Search</a></div>
                    </div>
                </div>          
            </ui:define>
        </ui:composition>
                    
</h:body>










</html>

